@media screen and(max-width:650px) {
    body {
        padding:0;

        .left, .right {float:none}

        .width-wrap {
            width:100%;
        }

        .span30p {width:93%}
        .span40p {width:93%}
        .span50p {width:93%}
        .span60p {width:93%}
        .span70p {width:93%}

        header {
            height:90px;

            .width-wrap {
                #logo {
                    left:10px;
                    img { height:70px; width:148px }
                }
                > img {
                    height:11px;
                    left:77px;
                    top:62px;
                }

                menu {
                    width:150px;
                    height:auto;
                    position:fixed;
                    top:0;
                    right:-150px;
                    left:auto;
                    text-align: left;
                    z-index:9999;
                    transition:all 0.5s;
                    background:$greyDark;

                    li {
                        display:block;
                        @include box-shadow(0, 0, 0, transparent);

                        a,a:hover {
                            display: block;
                            background:$greyDark;
                            color:$grey
                        }
                        a:hover {
                            color:white
                        }
                    }
                }

                menu:before {
                    width:48px;
                    height:48px;
                    content: " ";
                    position:absolute;
                    margin-left:-48px;
                    cursor:pointer;
                    background: url(../img/menu-toggle.png) no-repeat center center
                }

                menu.opened {
                    right:0
                }
            }
        }

        #main {
            position:static;
            width:100%;
            height:auto;
            padding:20px 0;
            max-height:none;
            overflow:hidden;
            margin-top:0;

            >*{margin-left:20px;margin-right:20px}
        }
        footer {
            line-height: 1.5em;
            background:$black80;
            padding:10px 0;
            position:static;
            clear:both;
            height:auto;
        }
    }
}